光學字型的由來 UI typography

SF Text用於20點以下的小字號,SF Display用於20點及以上的大字號。

這兩個字型之間的差異是什麼?

A 光學尺寸指的是根據不同字號最佳化的字型版本。使我們能夠更好地控制影響可讀性的細節。

根據不同字號調整字母間距,以提高可讀性。

B 垂直比例的調整使得小字號的字型更易讀。

為什麼這麼定義?

原因需要追溯到鉛字印刷時代,光學尺寸是傳統印刷技術中的概念,在現代被重新引入數字字型設計。數字技術讓我們處理文字更靈活了,但某種程度上也使得排版比以前粗糙了一些。

這是一本18世紀的老書,它包含了各種尺寸的排版樣本,在這些頁面中,我們有相同設計的不同尺寸版本,也就是說,兩種不同的字型,有點像SF Text和Display。在今天的印刷單位中,它們大約是8點和42點。

傳統字型制作過程中,需要在鋼製衝頭上雕刻字母形狀。鑄字是傳統印刷中的重要步驟,透過鋼製衝頭製作出金屬字型。

觀察這些字母形狀的細節可以看出這個手工過程受物理尺寸影響的程度。八點大小的字母看起來很粗糙,因為它的尺寸較小,這說明了一點關於光學尺寸的事情:它們與解析度密切相關。

但無論你設計的是哪種輸出,光學尺寸的變化都是為了平衡可讀性和細節。

可讀性是由細節定義的。字母間距是影響字型可讀性的一個重要因素。小字型需要更大的字母間距來提高可讀性。

除了字母間距外,字型本身的設計細節也很重要,如細部分需要更堅固。

這是特意設計的,確保“小尺寸”時“i”不會和“l”混淆。

因為當時油墨在印染是可能會一出一些,所以間隙越小,越容易被填充,不管是油墨還是畫素。

兩種設計之間的差異感覺不那麼明顯了,這就是光學尺寸的目的,它們在可讀性和美學質量之間找到平衡,使設計在不同尺度上都感覺舒適和一致。

數字字型設計面臨的挑戰以及可變字型的誕生

向量圖形的無限縮放特性使得數字字型設計需要考慮更多因素。大多數字體在設計時都需要有一個最佳尺寸範圍。

在設計SF字型時,經過仔細考慮,決定只採用兩種光學尺寸以簡化設計和使用。理想情況下,一種字型可以自動調整以適應不同尺寸,避免手動切換。字形不再侷限於單一的靜態圖形,它還可以描述每個點移動的方式,從而生成相關但不同的字形。(可變字型允許字形在不同引數下動態變化。)

設計軸是控制字形變化的引數,可變字型透過這些引數實現動態調整。可變字型中的設計軸之一專門用於光學尺寸調整。 多虧了可變光學尺寸,我們現在能夠設計出可以完美適應不同尺度的字型。

不同粗細的字型也整合進了一個可變字型中。最好還是使用我們仍提供的單獨光學尺寸,如SF Text和Display。